<template>
    <div>
        <div>
            <van-swipe :autoplay="1000" lazy-render>
                <van-swipe-item v-for="image in images" :key="image">
                    <img :src="image" style="width: 100%; height: 300px;" />
                </van-swipe-item>
            </van-swipe>
        </div>
    </div>
</template>

<script setup>
const images = [
    '/src/views/home/img/2.webp',
    '/src/views/home/img/1.webp',
    '/src/views/home/img/3.webp',
    '/src/views/home/img/4.webp',
];
</script>

<style lang="scss" scoped></style>